$prefix-class: "tabs";

.#{$prefix-class} {
  display: block;
  &-bar {
    position: relative;
    margin-bottom: 16px;
  }
  &-nav {
    font-size: 14px;
    padding: 0;
    &::after {
      clear: both;
    }
    &:after, &:before {
      display: table;
      content: ' ';
    }
  }
  &-nav > &-tab {
    list-style: none;
    float: left;
    margin-right: 24px;
    padding: 8px 20px;
  }
  &-nav > &-active {
    border-bottom: 2px solid #0d1a26;
  }
  &-content {
    display: block;
  }
  &-content &-panel {
    display: none;
  }
  &-content &-active {
    display: block;
  }
}
